<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="../css/reset.css" type="text/css" rel="stylesheet"/>
    <link href="../css/style.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="../js/base.js"></script>
    <script type="text/javascript" src="../js/jquery.1.9.min.js"></script>
    <script type="text/javascript" src="../js/menu.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <title>菜谱点餐</title>
    <style>
        #imgBigFood {
            width: 250px;
            height: 150px;
        }
    </style>
</head>

<body>
<header>
    <a href="javascript:void(0)" onclick="window.history.back()" class="return"><img src="../img/return.png"/></a>
    <p class="switch"><a href="javascript:void(0)">快速点餐</a></p>
</header>
<div class="container">
    <a href="My%20menu.html" class="amount">
        已点<span id="alreadyOrder">3</span>
    </a>
    <ul id="topUl1" class="classes">
        <li class="choosed">招&nbsp;牌&nbsp;菜<span class="sub">3</span></li>
    </ul>
    <ul class="dishes" id="dish">

    </ul>
    <div class="footer-space"></div>
    <footer>
        <ul>
            <li><a href="index.html"><img src="../img/footer_03.png"/>
                <p>首 页</p></a></li>
            <li><a href="bill.html"><img src="../img/footer_2.png"/>
                <p class="cur">账 单</p></a></li>
            <li><a href="begin%20theatrical%20performance.html"><img src="../img/footer_01.png"/>
                <p>台 况</p></a></li>
            <li><a href="more.html"><img src="../img/footer_04.png"/>
                <p>更 多</p></a></li>
        </ul>
    </footer>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div id="mtk" class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">菜品详细信息</h4>
                </div>
                <div class="modal-body">
                    <div class="image content">
                        <div class="info_left"><img id="imgBigFood" src="../img/bg.jpg"/></div>
                        <div class="info_right">
                            <input id="hideInput" type="hidden"/><!--隐藏域用来传递值-->
                            <h1 id="caiBigName">辣椒炒肉</h1>
                            <h4>菜品介绍:</h4>
                            <p id="foodIntroduce">占位</p>
                            价格：<span id="bigFoodPrice" style="color: red">22</span></br>
                            评价：
                            <ul id="uls">

                            </ul>
                            <div>
                                <span>购买数量</span>
                                <a id="number_" class="btn btn-default">-</a>
                                <span id="number" style="color: darkred">1</span>
                                <a id="number+" class="btn btn-default">+</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" id="save" class="btn btn-primary">预订</button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
